<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link href="/static/bootstrap/dist/css/bootstrap.css" rel="stylesheet"></link>
    {% block head_css %}
    <link href="/static/css/main.css" rel="stylesheet"></link>
    {% end %}
    {% block extends_css %}
    {% end %}
</head>
<body>
<nav class="navbar navbar-default  navbar-fix-top " id="navbar"  role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand"id="bank" href="#">ISA</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" id="mytab">
                <li  role="presentation" class="active"><a href="#">Course <span class="sr-only">(current)</span></a></li>
                <li role="presentation"><a href="/blog">Blog</a></li>
                <li role="presentation"><a href="#">Artical</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">The histoy about ISA</a></li>
                        <li ><a href="#">The members of ISA</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Recent activities</a></li>
                    </ul>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a id="login" href="/login" title="sign in">log in</a></li>
               <li class="btn"> <button type="submit" class="btn btn-success" >sign up</button></li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                    <span class=" glyphicon glyphicon-search"></span>
                </div>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
    </ol>

    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="../static/images/268198-106.jpg" alt="...">
            <div class="carousel-caption">
                <h1>I DON'T KNOW</h1>
                <p>I don't know what to say</p>
            </div>
        </div>
        <div class="item">
            <img src="../static/images/268200-106.jpg" alt="...">
            <div class="carousel-caption">
                <h1>I DON'T KNOW</h1>
                <p>I don't know what to say</p>
           </div>
        </div>
        <div class="item">
            <img src="../static/images/119949-106.jpg" alt="...">
            <div class="carousel-caption">
                <h1>I DON'T KNOW</h1>
                <p>I don't know what to say</p>
            </div>
        </div>
    </div>

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
</a>
</div>

<div class="jumbotron" id="bigger">

    <div class="big">
        <h1>share your idea with us</h1>
        <p>Say something nagging,I don't want to say anything now...<br> it need some words to make it nice</p>
        <img src="../static/images/qecode.jpg">
    </div>

</div>
<div class="feed">
    <hr class="divider">
    <div class="foot">
        <p class="pull-left">Information security association</p>
        <p class="pull-right"><a href="#">return to top</a> </p>
    </div>
</div>
<script src="/static/jquery/dist/jquery.min.js"></script>
<script src="/static/bootstrap/dist/js/bootstrap.js"></script>
{% block body_js %}
<script src="/static/js/index.js"></script>
{% end %}
{% block extends_js %}
{% end %}
</body>
</html>
